@charset "utf-8";
@media only screen and (max-width: 479px){		
body{font-size:16px;}
/*topbar*/
.topbar{
	width:100%;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#ccddee),
  to(#f0f4f8));
	border-bottom:#666 solid 1px;
	height:24px;
	line-height:24px;
	}
.top_title{
	float:left;
	display:block;
	padding:0 6px;
	font-size:12px;
	}
.topbar_message{
	float:right;
	text-align:right;
	padding:0 4px;
	font-size:14px;
	}
/*headbar*/	
.boxcontainer{
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-orient: horizontal; 
	-moz-box-orient: horizontal;
	}
.item{
	margin: 2px; 
    padding: 2px; 
   -webkit-box-flex: 1; 
   -moz-box-flex: 1; 
	}
.flex { 
     -webkit-box-flex: 3; 
     -moz-box-flex: 3; 	 
 } 
.headerbar{
	width:100%;
	border-top:#aee7ff solid 1px;
	background-color:#aee7ff;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#aee7ff),
  color-stop(0.97,#77abd3),color-stop(0.52,#5986ad),color-stop(0.50,#4b749d),color-stop(0.03,#4f8dc1),to(#74afea)); 
   box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
   text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
   height:35px;
   margin-bottom:1px;
	}
.icon_back{
	 background:url(images/m/header_back.png) no-repeat;
	 width:32px;
	 height:32px;
	 }
.icon_set{
	 background:url(images/m/header_set.png) no-repeat;
	 width:32px;
	 height:32px;
	 }
.icon_home{
	 background:url(images/m/header_home.png) no-repeat;
	  width:32px;
	 height:32px;
	 }
.headerbar h1{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:100%;
	text-align:center;
	font-size:20px;
	}
.headerbar .header_left{float:left;width:11%;}
.headerbar .header_title{float:left;width:78%;text-align:center;}
.headerbar .header_right{float:right;width:11%}
.tagh{
		width:90%;
		height:26px;
		line-height:26px;
		background:#51769b;
		border-radius:4px;
		-webkit-border-radius:4px;
		box-shadow:0px -1px 1px rgba(0, 0, 0, 0.8);	
		-webkit-box-shadow:0px -1px 1px rgba(0, 0, 0, 0.8);	
		padding:auto 4px; 
		margin:4px auto;
		list-style:none;
	}
.tagh li{
	float:left;
	width:33%;
	color:#fff;
	list-style:none;
	text-align:center;
	font-size:14px;
}
.tagh li.tagon{
	-webkit-border-radius:4px;
	color:#fff;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#f0971e),
  color-stop(0.17,#e56712),color-stop(0.69,#f0971e),color-stop(0.97,#f9b861),to(#ffdfb3));
}

/*input控件样式*/ 
.inp_login{	
	color:#666;
	border:1px solid #d3d3d3;
	-webkit-border-radius:12px;
	box-shadow:0px -1px 1px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0px -1px 1px rgba(0, 0, 0, 0.75);
	margin:10px;
	width:208px;
	height:28px;
	font-size:18px;
	}
.inp_login_active{
	color:#666;
	-webkit-border-radius:12px;
	box-shadow:0px 0px 8px rgba(55, 183, 247, 0.8);
	-webkit-box-shadow:0px 0px 8px rgba(55, 183, 247, 0.8);
	border:#2384c2 solid 3px;
	margin:10px;
	width:208px;
	height:28px;
	font-size:18px;
	}
.btn_login{
	color:#fff;
	-webkit-border-radius:12px;
	border:#115499 solid 1px;
	box-shadow:-1px -1px 3px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow:-1px -1px 3px rgba(255, 255, 255, 0.8);
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#aee7ff),
  color-stop(0.97,#77abd3),color-stop(0.52,#5986ad),color-stop(0.50,#4b749d),color-stop(0.03,#4f8dc1),to(#74afea));
    margin:10px;
	width:85px;
	height:40px;
	font-size:14px;
   	}

/*toolbar_平均分配N列宽*/	
.multi_column5{ 
	 -webkit-column-count: 5; 
	 -webkit-column-rule: 0; 
	 -webkit-column-gap: 0; 
 }	
/*toolbar*/	
.toolbar{
	width:100%;
	background:#527aa3;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#5aa6d2),
  color-stop(0.04,#4b749d),color-stop(0.96,#77abd3),color-stop(0.98,#94ddfb),to(#09a3e3));
    height:59px;
	line-height:59px;
	}
.toolbar div{
	float:left;
	height:39px;
	width:20%;
	}
.toolbar,.tool_home,.tool_back,.tool_newadd,.tool_search,.tool_set{
	height:39px;
}
.tool_home{
	background:url(images/m/tool_home.png) no-repeat center;
	}
.tool_back{
	background:url(images/m/tool_back.png) no-repeat center;
	}
.tool_newadd{
	background:url(images/m/tool_newadd.png) no-repeat center;
	}
a.tool_newadd:hover{
	background:url(images/m/tool_newadd_on.png) no-repeat center;
	}
.tool_search{
	background:url(images/m/tool_search.png) no-repeat center;
	}
.tool_set{
	background:url(images/m/tool_set.png) no-repeat center;
	}
		
/*content_list 可展开收缩列表样式*/	
.list_header{
	height:31px;
	line-height:31px;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#ccddee),
  to(#f0f4f8));
    box-shadow:0px 1px 1px rgba(51, 51, 51, 0.75);
	-webkit-box-shadow:0px 1px 1px rgba(51, 51, 51, 0.75);
	margin-bottom:2px;
	font-size:16px;
	}
.list_header h3{                                /*展开列表样式*/
	color:#264a6e;
	background:url(images/m/icon_contract.png) left center  no-repeat;
	padding-left:31px;
	font-weight:normal;
	font-size:16px;
	}
.list_header h3.expand{                         /*收缩列表样式*/
	color:#264a6e;
	background:url(images/m/icon_expand.png) left center no-repeat;
	padding-left:31px;
	height:31px;
	line-height:31px
	}
.list_body li{
	height:39px;
	line-height:39px;
	background:#f4f4f4 url(images/m/icon_disc.png) left center no-repeat;
	border-bottom:#ccc solid 1px;
	box-shadow:0px 1px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow:0px 1px 1px rgba(255, 255, 255, 1);
	padding-left:30px;
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
	font-size:13px;
	}
	
/*content_tag content可切换页签标题*/
.content_tag header{
    height:31px;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#ccddee),
  to(#f0f4f8));
    box-shadow:0px 1px 1px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.8);
	 display: -webkit-box; 
	 display: -moz-box; 
	 -webkit-box-orient: horizontal;
	}
.content_tag header p{
	height:31px;
	line-height:31px;
	padding:auto 12px;
	font-size:16px;
	padding:0 20px;
	}
.content_tag header p.tagon{
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#f0971e),
  color-stop(0.17,#e56712),color-stop(0.68,#f0971e),color-stop(0.97,#f9b861),to(#ffdfb3));
	color:#fff;
	border:#f3980a solid 1px;
	height:29px;
	}
/*table_form*/
.table_form{
	margin:10px;
	}
.table_form td{
	font-size:13px;
	padding:0 2px;
	height:40px;
	}
.table_form td input{
	width:216px;
	height:29px;
	border:1px solid #d3d3d3;
	-webkit-border-radius:12px;
	box-shadow:0px -1px 1px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0px -1px 1px rgba(0, 0, 0, 0.75);
	}
	
/*navbar*/
.navbar{
	width:100%;
	height:18px;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#fbfbfb),
  color-stop(0.38,#cfd0d1),color-stop(0.68,#b8b9bb),to(#d6d8da));
    box-shadow:0px 1px 1px rgba(102,102, 102, 0.5);
	-webkit-box-shadow:0px 1px 1px rgba(102,102, 102, 0.5);
	border-top:#b3b5b6 solid 1px;
	margin-bottom:1px;
	}
.navbar span{
	background:url(images/m/icon_arrow.png) center no-repeat;
	height:14px;
	width:100%;
	display:block;
	}
.navbar span.arrowup{
	width:100%;
	background:url(images/m/icon_arrowup.png) center no-repeat;
	height:14px;
	display:block;
	}
/*navbody nav_icons*/	
.navbody{
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#a5afb9),
  to(#edf2f7));
    width:100%;
	height:101px;
	text-align:center;
	margin:auto;	
	}	
.navbody ul{
	vertical-align:middle;
	padding-top:15px;
    width:100%;
	padding-top:10px;
	height:inherit;	
	}
.navbody li{
	float:left;
	text-align:center;
	width:25%;
	}	
.navbody p{
	width:100%;
	height:62px;
	}
p.navh{
	font-size:12px;
	height:30px;
	line-height:30px;
	}
.img_newflow, .img_dailyround,.img_sales,.img_notebook,.img_knowledge,.img_hr{
	width:62px;
	height:62px;
	}
.navbody p.img_newflow{
	background:url(images/m/icon_newflow.png) center no-repeat;
	}
.navbody p.img_dailyround{
	background:url(images/m/icon_dailyround.png) center no-repeat;
	}
.navbody p.img_sales{
	background:url(images/m/icon_sales.png) center no-repeat;
	}
.navbody p.img_notebook{
	background:url(images/m/icon_notebook.png) center no-repeat;
	}
.navbody p.img_knowledge{
	background:url(images/m/icon_knowledge.png) center no-repeat;
	}
.navbody p.img_hr{
	background:url(images/m/icon_hr.png) center no-repeat;
	}
	
/*二级菜单样式*/
.secondary_nav{
	background:#fdfeff;
	}	
.secondary_nav ul{
	background:transparent;
	border:#6b95b8 solid 0px;
	margin:10px 10px 5px 10px;
	}
.secondary_nav ul:last-child{
	margin-bottom:10px;
	}
.secondary_nav ul li{
	height:38px;
	line-height:38px;
	border-bottom:#cccccc dashed 1px;
	padding-left:25px;
	font-size:13px;
	border-left:#6b95b8 solid 1px;
	border-right:#6b95b8 solid 1px;
	background:#e6f0f8 url(images/m/icon_disc.png) left center no-repeat;
	}	
.secondary_nav ul li:first-child{
	background:#e6f0f8 url(images/m/icon_show.png) left center no-repeat;
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;	
	padding-left:15px;
	font-weight:bold;
	color:#264a6e;
	border-top:#6b95b8 solid 1px;
	}
.secondary_nav ul li:first-child a{
	width:32px;
	height:inherit;
	float:right;
	background:url(images/m/icon_arrowdown.png) left center no-repeat;
	margin-right:4px;
	}
.secondary_nav ul li:only-child a{
	width:32px;
	height:inherit;
	float:right;
	background:url(images/m/icon_arrowright.png) left center no-repeat;
	margin-right:4px;
	}
.secondary_nav ul li:last-child{
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom:#6b95b8 solid 1px;
	}
.third_arrow a{
	width:32px;
	height:inherit;
	float:right;
	background:url(images/m/third_arrow.png) left center no-repeat;
	margin-right:4px;
	}

/*toolbar_pop*/
.toolbar_pop{
	color:#fff;
}
.pop_top{
	width:315px;
	height:44px;
	background:url(images/m/pop_top.png) no-repeat;
	}
.pop_top h3{
	background:url(images/m/icon_new.png) center left no-repeat;
	padding-left:50px;
	height:44px;
	line-height:44px;
	}
.pop_body{
	width:315px;
	min-height:65px;
	background:url(images/m/pop_bg.png) repeat-y;
	}
.pop_body ul{
	margin:0 20px;
	}
.pop_body li{
	height:35px;
	line-height:35px;
	}
.pop_body a li{
	color:#fff;
	padding-left:10px;
	}
.pop_body a:hover li{
	background:#f90;
	opacity:0.8;
	border-radius:6px;
	}
.pop_bottom{
	width:477px;
	height:65px;
	background:url(images/m/pop_bottom.png) no-repeat;
	}
/****************************************
流程管理  excel列表样式(480的样式)
*********************************/
.exc_header{
	height:46px;
	line-height:46px;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#ccddee),
  to(#f0f4f8));
    box-shadow:0px 1px 1px rgba(51, 51, 51, 0.75);
	-webkit-box-shadow:0px 1px 1px rgba(51, 51, 51, 0.75);
	margin-bottom:2px;
	}
.exc_header h3{                                /*列表标题*/
	color:#264a6e;
	padding-left:15px;
	font-weight:bold;
	}
.table_exc{
	width:100%;
	border:#999 solid 1px;
	}
.table_exc td{
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
	height:40px;
	border-bottom:#95b3d7 solid 1px;
	padding:0 4px;
	}
.table_exc thead td{
	height:40px;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#f0971e),
  color-stop(0.97,#f9b861),color-stop(0.69,#f0971e),color-stop(0.17,#e56712),to(#ffdfb3));
  color:#fff;
  font-weight:bold;
	}
.table_exc tbody tr:first-child td{
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#ccddee),
  to(#f0f4f8));
    box-shadow:0px 1px 1px rgba(51, 51, 51, 0.75);
	}
.table_exc tbody tr:nth-child(odd){
	background:#dce6f1;	
	}
.table_exc tbody tr:nth-child(even){
	background:#fff;	
	}
.table_exc span{	
	display:block;
	float:left;

	}	
.table_exc span.expand{
	background:url(images/h/icon_expand.png) left center  no-repeat;
	width:29px;
	height:28px;
	}
.table_exc span.contract{
	background:url(images/h/icon_contract.png) left center  no-repeat;
	width:29px;
	height:28px;
	}
/*.footerpop_pos{
	position:absolute;
	bottom:80px;
	width:100%;
	}
blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;	
}
.footer_pop{
	position: relative;
	padding: 15px;
	margin: 10px  1em;
	color: #fff;
	background: #222;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity:0.9;
	border:#000 solid 1px;
	background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(#111),
  to(#222));
   -webkit-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.6);
}

.footer_pop::before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	border: 15px solid 
	transparent;
	border-top-color: 
	#111;
	display: block;
	width: 0;
}
.footer_pop header h3{
	height:40px;
	line-height:40px;
	text-align:left;
	font-size:22px;
	}
.footer_pop_body ul{
	margin:0 0px;
	}
.footer_pop_body li{
	height:40px;
	line-height:40px;
	font-size:22px;
	}
.footer_pop_body a li{
	color:#fff;
	padding-left:5px;
	}
.footer_pop a:hover li{
	background:#f90;
	opacity:0.8;
	border-radius:6px;
	}*/
}
	
